<template>
  <div >
     <Header />
     <router-view></router-view>
     <!-- 
      只有login和register上面有footerIsShow 且footerIsShow为true
      当其他的找footerIsShow时 找寻不到，footerIsShow就为undefined
      当v-show的判断条件为footerIsShow取反时 就可以实现跳转到登录和注册页面实现底部消失的效果
      -->
      <!-- 方法1 -->
     <!-- <Footer v-show="!this.$route.meta.footerIsShow"/>  -->

      <!-- 方法2 -->
      <!-- <Footer v-show="(this.$route.path.split('/')[1] === 'login' || this.$route.path.split('/')[1] === 'register' )? false : true" /> -->
  
      <!-- 方法3 -->
      <Footer  v-show="!footerIsShow"/>
  </div>
</template>

<script>
import Header from '@comp/Header';
import Footer from "@comp/Footer"
import isFooter from '@util/http/index'
import { mapActions } from 'vuex';

export default {
  name: 'App',
  components:{
    Header,
    Footer
  },
  computed:{
    footerIsShow(){
      return isFooter.call(this,'login') || isFooter.call(this,'register')
    },
   
  },
  mounted(){
     this.getNavTypeListInfo();
  },
  methods:{
     ...mapActions("home", ["getNavTypeListInfo"]),
  }
}
</script>

<style >

</style>
